<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.header{
			height: 60px;
			background: pink;
		}
		.a1{
			height: 900px;
		}
		.left{
			height: 100%;
			background:green;
			border: 2px solid grey;
			float: left;
		}
		.right{
			width: 84%;
			height:100%;
			background: white;
			float: right;
		}
	</style>
</head>
<body>
	<div class="header"></div>
	<div class="a1">
		<div class="left">
			<details>
				<summary>游戏</summary>
				<p>
					<a href="https://pubg.qq.com/" target="a2" >pubg</a>
				</p>
				<p>
					<a href="https://lol.qq.com/main.shtml" target="a2" >LOL</a>
				</p>
				<p>
					<a href="https://cf.qq.com/" target="a2" >CF</a>
				</p>


				<details>
					<summary>设计网站</summary>
					<p>
						<a href="https://www.58pic.com/" target="a2" >千图网</a>
					</p>
					<p>
						<a href="https://ibaotu.com/?chan=bd&label=ppt&plan=G1-bd&kwd=162714&unit=14375" target="a2" >包图网</a>
					</p>
					<p>
						<a href="http://www.sccnn.com/" target="a2" >素材中国</a>
					</p>
				</details>
			</details>
		</div>
		<div class="right">
			<iframe name="a2" src="" width="100%" height="100%"></iframe>
		</div>
	</div>	

</body>
</html>